<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>

<h2>注册</h2>

<form action="01快速入门.html" method="get">
    <!--
	文本输入框
	value="admin" maxlength="8" size="30"
	-->
    <p>名字: <input type="text" name="username" maxlength="8" size="30" readonly value="admin"/></p>
    <p>密码: <input type="password" name="password" placeholder="请输入密码" required/></p>
    <!--单选框-->
    <p>
        性别:
        <input type="radio" name="gender" value="1" checked/>男
        <input type="radio" name="gender" value="2" disabled/>女
    </p>
    <!--多选框-->
    <p>
        爱好:
        <input type="checkbox" name="hobby" value="sleep"/>睡觉
        <input type="checkbox" name="hobby" value="code"/>敲代码
        <input type="checkbox" name="hobby" value="chat"/>聊天
    </p>

    <!--下拉框, 列表框-->
    <p>
        下拉框:
        <select name="country">
            <option value="China">中国</option>
            <option value="USA">美国</option>
            <option value="Switzerland" selected>瑞士</option>
            <option value="India">印度</option>
        </select>
    </p>

    <!--拓展部分: -->
    <!--文本域-->
    <p>反馈: <textarea name="feedback" id="" cols="30" rows="10"></textarea></p>
    <!--文件域-->
    <p>
        上传文件:
        <input type="file" name="file"/>
        <input type="button" name="upload" value="上传"/>
    </p>
    <!--email-->
    <p>邮箱: <input type="email" name="email"></p>
    <!--URL-->
    <p>地址: <input type="url" name="url"></p>
    <!--数字-->
    <p>商品数量: <input type="number" name="number" max="100" min="0" step="10"></p>
    <!--滑块-->
    <p>音量: <input type="range" name="voice" max="100" min="0" aria-label=""/></p>
    <!--带删除按钮的文本框-->
    <p>查询: <input type="search" name="search"></p>
    <!--增强鼠标可用性-->
    <p>
        <label for="mark">你点我试试: </label>
        <input type="text" id="mark">
    </p>
    <!--自定义邮箱-->
    <p>自定义邮箱: <input type="text" pattern=""></p>
    <!--按钮:提交, 重置-->
    <p>
        <input type="submit" value="提交"/>
        <input type="reset" value="重置"/>
        <input type="button" value="按钮1" name="btn1"/>
        <!--是可以点击提交的-->
        <!--<input type="image" src="../resources/img/1.jpg"/>-->
    </p>
</form>

</body>
</html>